<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

//获得订单编号
String boiId = request.getParameter("boiId");
//获得会员编号
String bmbId = request.getParameter("bmbId");
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>订单管理-订单列表-订单详情</title>
    <jsp:include page="../../include/base.jsp"></jsp:include>
	<jsp:include page="../../include/common.jsp"></jsp:include>
	<jsp:include page="../../include/baseManage.jsp"></jsp:include>
	<style type="text/css">
		.goodsTab{width:100%;font-size:12px;}
		.goodsTabTD{width:100px;background-color:#EFF2F4}
		.linhght22{line-height:22px;}
	</style>
	<script type="text/javascript">
		var __boiId = "<%=boiId %>";
		var __bmbId = "<%=bmbId %>";
	</script>
	
  </head>
  <body>
  <div class="mini-toolbar" style="border:0;font-size:12px;padding-left:6px;"> 
        <!-- 操作面板 -->
        <div class="operatePanel">
        	<input id="queRBtn" class="mini-button" text="确认" iconCls="icon-add" plain="false" 
	       		onclick="OrderGoodsHandler.saveOrderGoods"/>
	       	<input class="mini-button" text="返回订单详情" iconCls="icon-btn-return" plain="false" 
	       		onclick="OrderGoodsHandler.returnOrderDetail"/>
	    </div>
    </div>
    <div class="mini-fit" id="orderPanel">
    	<div id="orderGoodsGrid" class="mini-datagrid" fitColumns="true" style="width:100%;min-height: 120px;overflow:visible;" 
	    	borderStyle="border-left:0;border-right:0;border-bottom:0;" showFooter="false" allowCellSelect="true" 
	    	allowCellValid="true" allowCellEdit="true" showSummaryRow="false" 
	    	showHGridLines="false" showVGridLines="false" idField="bogId">
	        <div property="columns">
	            <div type="indexcolumn" width="40" headerAlign="center">序号</div>
	            <div field="bogName" width="60" headerAlign="center" align="left">商品名称</div>    
	            <div field="bgiGsn" width="60" headerAlign="center" align="left">货号</div> 
	            <div field="bogPrice" width="40" headerAlign="center" align="left" >价格
	            	<input property="editor" class="mini-textbox" style="width:100%;" vtype="float"/>
	            </div>
	            <div field="bogAttribute" width="200" headerAlign="center" align="left">属性
	            </div>
	            <div field="bogAttprice" width="50" headerAlign="center" align="left">属性价格</div>
	            <div field="bogNumber" width="40" headerAlign="center" align="center">数量 
	            	<input property="editor" class="mini-spinner" minValue="1" maxValue="9999" 
	            		style="width:100%;"/>
	            </div>
	            <div field="bogTotal" width="50" headerAlign="center" align="center" summaryType="sum">小计</div>
	            <div field="boiOperate" width="50" headerAlign="center" align="center">操作</div>
	        </div>
	    </div>
	     <div id="searchGoodsPanel" title="添加商品"class="mini-panel" style="width:100%;" 
	     	borderStyle="border:0;border-top:1px solid #BBBBBB;" bodyStyle="padding:0;"  
	    	showToolbar="true" showHeader="true">
	    	<div property="toolbar">
		        <table>
		        	<tr>
		        		<td style="padding-left:4px;">
		        			<input id="searchGoodsInput" class="mini-textbox" style="width:200px;"
		        				emptyText="请输入商品名称或商品货号搜索" required="true"
		        				onenter="OrderGoodsHandler.searchGoods"/>   
		                	<a class="mini-button" iconCls="icon-search" 
		                		onclick="OrderGoodsHandler.searchGoods">搜索</a> 
		                	<input class="mini-combobox" id="goodsName" name="goodsName" textField="text"
    							valueField="id" style="width:200px;"
    							onvaluechanged="OrderGoodsHandler.showGoodsInfo"/>
    						<a class="mini-button" iconCls="icon-add" onclick="OrderGoodsHandler.addToOrder">加入订单</a>
		        		</td>
		        	</tr>
		        </table>
		    </div>
		    <table id="goodsInfoTable" class="goodsTab" border="0" cellpadding="5">
			    <tr>
			        <td class="goodsTabTD" align="center">商品名称</td>
			        <td>
			        	<span id="bgiName" class="clear"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">货号</td>
			        <td>
			        	<span id="bgiGsn" class="clear"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">分类</td>
			        <td>
			        	<span id="bgiGroup" class="clear"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">品牌</td>
			        <td>
			        	<span id="bgiBrand" class="clear"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">价格</td>
			        <td>
			        	<span id="bgiPrice" class="clear linhght22"></span>
			        	<br/>
			        	<span id="bgiMarket" class="clear linhght22"></span>
			        	<br/>
			        	<span id="bgiCustom" class="clear linhght22"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">属性</td>
			        <td>
			        	<span id="goodsAttr" class="clear linhght22"></span>
			        </td>
			    </tr>
			    <tr>
			        <td class="goodsTabTD" align="center">数量</td>
			        <td>
			        	<input id="goodsNum" class="mini-spinner" visible="false" value="1" minValue="1" maxValue="250"/>
			        </td>
			    </tr>
			</table>
    </div>
  	<!-- border-top:1px solid #C9C9C9;border-bottom: 1px solid #C9C9C9; -->
	<form id="hiddenForm" action=""></form><!-- 此表单用于加载提示框 -->
  </body>
  <script src="handler/OrderMgrData.js" type="text/javascript"></script>
  <script src="handler/OrderGoodsHandler.js" type="text/javascript"></script>
</html>
